<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>开始使用layui</title>
    <link rel="stylesheet" href="/static/layui/css/layui.css"/>
    <script src="/static/layui/layui.js"></script>
</head>
<body>

<div id="testmain">
    <input type="text">
</div>

<script>
    // 导入 layer模块
    layui.use(["layer"],function(){
        var layer = layui.layer;
        // layer.msg("hello world!!");
        //
        //
        // layer.msg("确定吗？",{btn:["确定！","放弃！"],
        //     yes:function(i){layer.close(i);layer.msg("yes!!!")},
        //     btn2:function(i){layer.close(i);layer.msg("no!!!")}}
        // );
        // layer.alert("alert弹框蓝",
        //     {title:'alert',icon:6 },
        //     function(){//点击“确定”按钮时的回调
        //         layer.msg("好滴");
        //     }
        // )
        //confirm("")

        // layer.confirm("确定删除吗？",
        //     {shade:false,icon:3,btn:["确定","取消"]},
        //     function(){
        //         console.log('删除操作！');
        //     layer.msg("好滴！");},
        //     function(){
        //
        //     layer.msg("取消删除成功！")}
        // );


        layer.open({
            type:1,// 消息框，没有确定按钮
            title:["hello","padding-left:5px"], // 标题，及标题样式
            content:layui.$("#testmain"), // dom格式
            offset:'rb',//可以在右下角显示
            //lb  左下   lt 左上
            shade:false //是否遮罩
        });

        layer.open({
            type:2,// iframe加载，需要一个url
            content:"04表单和表格.html"
        });



    });
</script>
</body>
</html>